let input = get('#inputx')
get('#code').onclick = change;//单击更换验证码

get('#aaa').addEventListener('click',function(){/* 按钮点击改变颜色 */
get('#check').className='completed'
})


get('#imgx').addEventListener('click',function(){
    imgX()/* 点击锁显示密码调用---ok */
})

let code = get("#code");
function change() {
    // 验证码组成库
    let arrays = new Array(
        '1', '2', '3', '4', '5', '6', '7', '8', '9', '0',
        'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j',
        'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't',
        'u', 'v', 'w', 'x', 'y', 'z',
        'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
        'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T',
        'U', 'V', 'W', 'X', 'Y', 'Z'
    );
    // 重新初始化验证码
    codes = '';
    // 随机从数组中获取四个元素组成验证码
    for (let i = 0; i < 4; i++) {
        // 随机获取一个数组的下标
        let r = parseInt(Math.random() * arrays.length);
        codes += arrays[r];
    }
    // 验证码添加到input里
      code.value = codes;
}
change();//加载显示在页面上

get('#check').addEventListener('click', function () {
    let inputCode = input.value.toUpperCase(); //取得输入的验证码并转化为大写   
    if (inputCode.length == 0) { //若输入的验证码长度为0
        alert("请输入验证码！"); //则弹出请输入验证码
    }
    else if (inputCode != codes.toUpperCase()) { //若输入的验证码与产生的验证码不一致时
        alert("验证码输入错误！请重新输入"); //则弹出验证码输入错误
        change();//刷新验证码
        input.value = "";//清空文本框
    }
    else if (!get('#aaa').checked) {
        alert("还没有同意协议");  //验证是否同意协议
    } 
    else if(! /8/.test(get('#inputLog').value)){//验证用户名
        alert("用户名没有输入数字8")
        return false;
  
    }else if(! /8/.test(get('#Tel').value)){//验证手机号
        alert('手机号没输入数字8');
    }else if(!/8/.test(get('#inputWord').value)){//验证密码
        alert('输入密码为8才行')
    }else{
        alert('注册完成')
        location.href='../home/home.html'
    }
})
function func(){
    
    return false;
    //html标签上调用
}
//已实现功能   1.点击密码显示和隐藏  2.验证码规则 
//  3.用户名和密码以及手机正则  4.同意条款验证   5.同意条款显示注册按钮颜色
//步骤解析，1.定义一个数组，数组由字符串和数字组成  2.遍历定义一个随机数  3.再多随机数进行验证
//4.
//未解决事项，验证完成后无法跳转到其他页面







